<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.: DEMO :.</title>
<meta name='description' content='........' />
<meta name='keywords' content='.............' />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" href="style/galleriffic-2.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		// We only want these styles applied when javascript is enabled
		$('div.navigation').css({'width' : '635px', 'float' : 'left'});
		$('div.content').css('display', 'block');

		// Initially set opacity on thumbs and add
		// additional styling for hover effect on thumbs
		var onMouseOutOpacity = 0.67;
		$('#thumbs ul.thumbs li').opacityrollover({
			mouseOutOpacity:   onMouseOutOpacity,
			mouseOverOpacity:  1.0,
			fadeSpeed:         'fast',
			exemptionSelector: '.selected'
		});
		
		// Initialize Advanced Galleriffic Gallery
		var gallery = $('#thumbs').galleriffic({
			delay:                     2500,
			numThumbs:                 15,
			preloadAhead:              10,
			enableTopPager:            true,
			enableBottomPager:         true,
			maxPagesToShow:            7,
			imageContainerSel:         '#slideshow',
			controlsContainerSel:      '#controls',
			loadingContainerSel:       '#loading',
			renderSSControls:          true,
			renderNavControls:         true,
			playLinkText:              'Play Slideshow',
			pauseLinkText:             'Pause Slideshow',
			prevLinkText:              '&lsaquo; Previous Photo',
			nextLinkText:              'Next Photo &rsaquo;',
			nextPageLinkText:          'Next &rsaquo;',
			prevPageLinkText:          '&lsaquo; Prev',
			enableHistory:             false,
			autoStart:                 false,
			syncTransitions:           true,
			defaultTransitionDuration: 900,
			onSlideChange:             function(prevIndex, nextIndex) {
				// 'this' refers to the gallery, which is an extension of $('#thumbs')
				this.find('ul.thumbs').children()
					.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
					.eq(nextIndex).fadeTo('fast', 1.0);
			},
			onPageTransitionOut:       function(callback) {
				this.fadeTo('fast', 0.0, callback);
			},
			onPageTransitionIn:        function() {
				this.fadeTo('fast', 1.0);
			}
		});
	});
</script>
</head>
<body>
<div id="header">
	<div class="header-inner">
        <h1 class="logo"><a href="#">website thoi trang</a></h1>
        <ul class="hor-menu">
            <li><a href="index.html">Trang chủ</a></li>
            <li><a href="#">xu hướng mới</a></li>
            <li><a href="#">bí quyết mix đồ</a></li>
            <li><a href="#">hot deals</a></li>
            <li><a href="#">liên hệ </a></li>
        </ul>
        <div class="topright">
            <a href="#">Đăng nhập</a> hoặc  <a href="#">Đăng ký thành viên</a>
        </div>
    
        
        
    </div>
</div>

<div id="middle">
    <div id="col1">
        <div class="filter-box">
            <div class="type-filter-box">
            	<h3>Who</h3>
            	<a href="#">Guys</a>
                <a href="#">Girly</a>
                <a href="#">Babies</a>
                <a href="#">Kids</a>
            </div>
        </div>
        <div class="filter-box">
            <div class="type-filter-box">
            	<h3>Collection</h3>
            	<a href="#">Threadless</a>
                <a href="#">Select</a>
                <a href="#">Type Tees</a>
            </div>
        </div>
        <div class="filter-box">
            <div class="type-filter-box size-box">
            	<h3>Size</h3>
            	<a href="#">XS</a>
                <a href="#">S</a>
                <a href="#">M</a>
                <a href="#">L</a>
                <a href="#">XL</a>
                <a href="#">2XL</a>
                <a href="#">3XL</a>
            </div>
        </div>
        <div class="filter-box nobor">
            <div class="type-filter-box ">
            	<h3>Style</h3>
            	<a href="#">Tees</a>
                <a href="#">Hoodies</a>
                <a href="#">Other Tops</a>
                <a href="#">Pullover</a>
                <a href="#">Tanks</a>
            </div>
        </div>
        
        <!--<div class="filter-box nobor">
            <div class="type-filter-box">
            	<h3>Color</h3>
            	<a href="#" class="black"><span>black</span></a>
                <a href="#">Hoodies</a>
                <a href="#">Other Tops</a>
                <a href="#">Pullover</a>
                <a href="#">Tanks</a>
            </div>
        </div>-->
    </div>
    <div id="col2">
    	
        	<form action="" id="filter-search" method="get">
            	<div class="form-item">
                	<label>Tìm</label>
                    <select style="width:150px;">
                    	<option>Sản phẩm</option>
                        <option>Brand</option>
                        <option>Store</option>
                    </select>
                </div>
                <div class="form-item">
                	<label>Tại</label>
                    <select style="width:180px;">
                    	<option>Thành phố Hồ Chí Minh</option>
                        <option>Brand</option>
                        <option>Store</option>
                    </select>
                    <select style="width:127px;">
                    	<option>Tất cả khu vực</option>
                        <option>Brand</option>
                        <option>Store</option>
                    </select>
                </div>
                <div class="form-item">
                	<label>Sắp xếp THEO</label>
                    <select>
                    	<option>Từ mới đến cũ</option>
                        <option>Brand</option>
                        <option>Store</option>
                    </select>
                </div>
            </form>
            
            <div class="head-hot"><h3><span>KẾT QUẢ ĐƯỢC TÀI TRỢ</span></h3></div>
            <ul class="list-hot-pro list-search">
                	<li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145"  /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                </ul>
              
          	<div class="head-hot"><h3><span>KẾT QUẢ khác</span></h3></div>
            <ul class="list-hot-pro list-search">
                	<li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145"  /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145"  /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                    <li>
                    	<div class="thumb-pro"><a href="#"><img src="images/hot_pro.jpg" alt="" width="145" /> <span>$30 Reprint</span></a></div>
                        <a href="#" class="title">It's such a Boring City</a>
                        <a href="#" class="postby">by Daniel Abensout</a>
                        <p class="price">250.000 VNĐ</p>
                    </li>
                </ul>
          	
            <div class="item-list"><ul class="pager"><li class="pager-first first"><a class="active" title="Go to first page" href="/archive/home/record/highest_ranking">&lt;&lt; đầu</a></li>
                    <li class="pager-previous"><a class="active" title="Go to previous page" href="/archive/home/record/highest_ranking">&lt; trước</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 1" href="/archive/home/record/highest_ranking">1</a></li>
                    <li class="pager-current">2</li>
                    <li class="pager-item"><a class="active" title="Go to page 3" href="/archive/home/record/highest_ranking?page=2">3</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 4" href="/archive/home/record/highest_ranking?page=3">4</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 5" href="/archive/home/record/highest_ranking?page=4">5</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 6" href="/archive/home/record/highest_ranking?page=5">6</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 7" href="/archive/home/record/highest_ranking?page=6">7</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 8" href="/archive/home/record/highest_ranking?page=7">8</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 9" href="/archive/home/record/highest_ranking?page=8">9</a></li>
                    <li class="pager-ellipsis">…</li>
                    <li class="pager-next"><a class="active" title="Go to next page" href="/archive/home/record/highest_ranking?page=2">tiếp &gt;</a></li>
                    <li class="pager-last last"><a class="active" title="Go to last page" href="/archive/home/record/highest_ranking?page=114">cuối &gt;&gt;</a></li>
                    </ul>
               	</div>
        
    </div>
    <div class="clear"></div>
    <ul class="logo-footer">
    	<li><a href="#"><img src="images/banner_footer1.png" alt="" /></a></li>
        <li><a href="#"><img src="images/banner_footer2.png" alt="" /></a></li>
    </ul>
    <div class="clear"></div>
</div>

<div id="footer">
	<div class="footer-inner">
      <div class="footleft">
		<strong style="font-size:14px;">SHOPAHOLIC @2011      	</strong> <br />
        Địa chỉ: 174/67/23 Nguyễn Thiện Thuật; Quận 3; Tp. HCM<br />
        Điện thoại: (84). 08. 38399590 – (84). 08. 38303071<br />
        Website: http://jimmydang.vn
      </div>
      <div class="footright">
     	<div class="social">
        	<a href="#" class="fb"><strong>facebook</strong></a>
            <a href="#" class="sp"><strong>skype</strong></a>
            <a href="#" class="tw"><strong>twitter</strong></a>
            <a href="#" class="yahoo"><strong>yahoo</strong></a>
        </div>
      </div>
      <div class="clear"></div>
  	</div>
</div>


</body>
</html>
